<!DOCTYPE html>
<html lang="en">

<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>小谢官网</title>
     <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4551844_nqmvojbzx9.css">
     <link rel="stylesheet" href="./css/reset.css">
     <link rel="stylesheet" href="./css/header.css">
     <link rel="stylesheet" href="./css/nav.css">
     <link rel="stylesheet" href="./css/banner.css">
     <link rel="stylesheet" href="./css/adv.css">
     <link rel="stylesheet" href="./css/container.css">
     <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
     <!-- 头部开始 -->
     <div class="header">
          <div class="wrap">

               <ul class="header-left">
                    <li><a href="#">小米官网</a><span>|</span></li>
                    <li><a href="#">小米商城</a><span>|</span></li>
                    <li><a href="#">小米商城澎湃OS</a><span>|</span></li>
                    <li><a href="#">小米汽车</a><span>|</span></li>
                    <li><a href="#">云服务</a><span>|</span></li>
                    <li><a href="#">IoT</a><span>|</span></li>
                    <li><a href="#">有品</a><span>|</span></li>
                    <li><a href="#">小爱开放平台</a><span>|</span></li>
                    <li><a href="#">资质证照</span></a><span>|</span></li>
                    <li><a href="#">协议规则</a><span>|</span></li>
                    <li>
                         <a href="#">下载app</span></span></a>
                         <span>|</span>
                         <div class="download">
                              <a href="#">
                                   <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                              </a>
                              <p>小米商城app</p>
                         </div>
                    </li>
                    <li><a href="#">Select Location</a><span>|</span></li>
               </ul>
               <ul class="header-right">
                    <li><a href="#">登录</a><span>|</span></li>
                    <li><a href="#">注册</a><span>|</span></li>
                    <li><a href="#">消息通知</a></li>
                    <li class="cart">
                         <a href="#">
                              <i class="iconfont icon-gouwuchekong"></i>购物车(0)</i>
                         </a>
                         <div class="cart-list">
                              购物车中还没有商品，赶紧选购吧！
                         </div>
                    </li>

               </ul>

          </div>
     </div>
     <!-- 头部结束-->

     <!-- 导航开始 -->
     <div class="nav">
          <div class="container">
               <!-- logo -->
               <div class="logo">
                    <a href="#">
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png" alt="">
                    </a>
               </div>
               <!-- 导航栏 -->
               <div class="nav-bar">
                    <ul>
                         <li>
                              <a href="#">Xiaomi手机</a>
                              <div class="nav-bar-list">
                                   <div class="wrap">
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                        </ul>
                                   </div>
                              </div>
                         </li>
                         <li>
                              <a href="#">Redmi手机</a>
                              <div class="nav-bar-list">
                                   <div class="wrap">
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/2.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <div class="nav-img">
                                                            <img src="./images/1.webp" alt="">
                                                       </div>
                                                       <p>Xiaomi11青春版</p>
                                                       <p>2999元起</p>
                                                  </a>
                                             </li>
                                        </ul>
                                   </div>
                              </div>
                         </li>
                         <li><a href="#">电视</a></li>
                         <li><a href="#">笔记本</a></li>
                         <li><a href="#">平板</a></li>
                         <li><a href="#">家电</a></li>
                         <li><a href="#">路由器</a></li>
                         <li><a href="#">服务中心</a></li>
                         <li><a href="#">社区</a></li>
                    </ul>
               </div>
               <!-- 搜索 -->
               <div class="search">
                    <input type="text" placeholder="小米手机">
                    <button type="button" class="iconfont icon-fangdajing"></button>
                    <div class="search-list">
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>
                         <a href="#">小米手机</a>

                    </div>
               </div>
          </div>
     </div>
     <!-- 导航结束 -->

     <!-- banner开始 -->
     <div class="box">
          <ul class="imgs">
               <li class="show"><img src="./images/ban1.jpg"></li>
               <li><img src="./images/ban11.webp"></li>
               <li><img src="./images/ban2.webp"></li>
               <li><img src="./images/ban3.webp"></li>
               <li><img src="./images/ban2.webp"></li>
          </ul>
          <ul class="cirs">
               <li class="cbg"></li>
               <li></li>
               <li></li>
               <li></li>
               <li></li>
          </ul>
          <div class="left"><</div>
                    <div class="right">></div>
                    <!-- 左侧滑动门 -->
                    <div class="main-left">
                         <ul>
                              <li>
                                   <span>手机</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>

                                   </div>
                              </li>
                              <li>
                                   <span>电视</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main2.png" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>
                                   </div>
                              </li>
                              <li>
                                   <span>笔记本 平板</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main3.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>
                                        <ul>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main2.png" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                             <li>
                                                  <a href="#">
                                                       <img src="./images/main.webp" alt="">
                                                       <span>Xiaomi MIX系列</span>
                                                  </a>

                                             </li>
                                        </ul>
                                   </div>
                              </li>
                              <li>
                                   <span>出行 穿戴</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>耳机 音箱</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>家电</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>智能 路由器</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>电源 配件</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>健康 儿童</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                              <li>
                                   <span>生活 箱包</span>
                                   <i class="iconfont icon-xiangyoujiantou"></i>
                                   <div class="main-left-list">
                                   </div>
                              </li>
                         </ul>
                    </div>
          </div>
          <!-- banner 结束 -->

          <!-- 广告开始 -->
          <div class="adv">
               <div class="wrap">
                    <div class="adv-aside">
                         <ul>
                              <li class="row col">
                                   <a href="#">
                                        <img src="./images/icon1.png" alt="">
                                        <p>保障服务</p>
                                   </a>
                              </li>
                              <li class="row col">
                                   <a href="#">
                                        <img src="./images/icon2.png" alt="">
                                        <p>企业团购</p>
                                   </a>
                              </li>
                              <li class="row">
                                   <a href="#">
                                        <img src="./images/icon3.png" alt="">
                                        <p>F码通道</p>
                                   </a>
                              </li>
                              <li class="col">
                                   <a href="#">
                                        <img src="./images/icon4.png" alt="">
                                        <p>米粉卡</p>
                                   </a>
                              </li>
                              <li class="col">
                                   <a href="#">
                                        <img src="./images/icon5.png" alt="">
                                        <p>以旧换新</p>
                                   </a>
                              </li>
                              <li class="col">
                                   <a href="#">
                                        <img src="./images/icon6.png" alt="">
                                        <p>话费充值</p>
                                   </a>
                              </li>
                         </ul>
                    </div>
                    <div class="adv-img"><img
                              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&h=340"
                              alt=""></div>
                    <div class="adv-img"><img
                              src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8dede2520f8dfff9c9b690af498cafe8.jpg?w=632&h=340"
                              alt=""></div>
                    <div class="adv-img"><img
                              src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ac77590368ff636d0b4f6a988133f55.png?w=632&h=340"
                              alt=""></div>
               </div>
          </div>
          <!-- 广告结束 -->

          <!-- 主体部分开始 -->
          <div class="container">
               <div class="wrap">
                    <!-- 手机开始 -->
                    <div class="phone">
                         <div class="home-banner-box">
                              <a href="#">
                                   <img src="./images/home01.webp" alt="">
                              </a>
                         </div>
                         <h2 class="title">
                              手机
                              <a href="#" class="more">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a>
                         </h2>
                         <div class="phone-box">
                              <div class="phone-box-left">
                                   <a href=""><img src="./images/container01.webp" alt=""></a>
                              </div>
                              <div class="phone-box-right">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con02.webp" alt="">
                                                  <h3 class="goods-name">Xiaomi Civi 4 Pro</h3>
                                                  <p class="desc"> 徕卡光学Summilux镜头 | 5000万徕卡人像镜头</p>
                                                  <p class="price">2999元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                   </ul>
                              </div>
                         </div>
                    </div>
                    <!-- 手机结束 -->

                    <!-- 智能穿戴开始 -->
                    <div class="phone">
                     
                         <h2 class="title">
                              智能穿戴
                              <a href="#" class="more">耳机   穿戴</i></a>
                         </h2>
                         <div class="phone-box">
                              <div class="phone-box-left">
                                   <a href=""><img src="./images/container02.webp" alt=""></a>
                              </div>
                              <div class="phone-box-right">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/container03.webp" alt="">
                                                  <h3 class="goods-name">Redmi Buds 6 活力版</h3>
                                                  <p class="desc">14.2mm超大动圈 | 内置五种调音模式 | 30小时长续航</p>
                                                  <p class="price">99元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/container03.webp" alt="">
                                                  <h3 class="goods-name">Redmi Buds 6 活力版</h3>
                                                  <p class="desc">14.2mm超大动圈 | 内置五种调音模式 | 30小时长续航</p>
                                                  <p class="price">99元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/con01.webp" alt="">
                                                  <h3 class="goods-name">Redmi Turbo 3</h3>
                                                  <p class="desc"> 性能旋风，席卷而来</p>
                                                  <p class="price">1899元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/container03.webp" alt="">
                                                  <h3 class="goods-name">Redmi Buds 6 活力版</h3>
                                                  <p class="desc">14.2mm超大动圈 | 内置五种调音模式 | 30小时长续航</p>
                                                  <p class="price">99元起</p>
                                             </a>
                                        </li>
                                        <li class="items1">
                                             <div>
                                              <a href="#">
                                                   <p class="items1-desc">
                                                        <span>Redmi Buds 3</span>
                                                        <br>
                                                        <span id="items1-price">99元</span>
                                                   </p>
                                                   <img src="./images/erji.webp" alt="" id="items1-img">
                                              </a>
                                             </div>
                                             <div>
                                                   <a href="#">
                                                       <p class="items1-more">
                                                             <span>浏览更多</span>
                                                             <br>
                                                             <span class="items1-pro">耳机</span></span>
                                                       </p>
                                                       <i class="iconfont icon-youjiantou1"></i>
                                                   </a>
                                             </div>
                                         </li>
                                   </ul>
                              </div>
                         </div>
                    </div>
                    <!-- 智能穿戴结束 -->

                    <!-- 家电开始 -->
                    <div class="elc">
                         <h2 class="title">家电</h2>
                         <div class="elc-box">
                              <div class="elc-left">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian03.webp" alt="">
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian04.webp" alt="">
                                             </a>
                                        </li>
                                   </ul>
                              </div>
                              <div class="elc-right">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian02.webp" alt="">
                                                  <h3 class="elc-name">米家新风空调 立式3匹</h3>
                                                  <p class="elc-desc">全屋快通风，就要大新风</p>
                                                  <p class="elc-price">6799元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian02.webp" alt="">
                                                  <h3 class="elc-name">米家新风空调 立式3匹</h3>
                                                  <p class="elc-desc">全屋快通风，就要大新风</p>
                                                  <p class="elc-price">6799元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian02.webp" alt="">
                                                  <h3 class="elc-name">米家新风空调 立式3匹</h3>
                                                  <p class="elc-desc">全屋快通风，就要大新风</p>
                                                  <p class="elc-price">6799元起<del>6999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items1">
                                            <div>
                                             <a href="#">
                                                  <p class="items1-desc">
                                                       <span>米家迷你波轮洗衣机Pro 3kg</span>
                                                       <br>
                                                       <span id="items1-price">1599元</span>
                                                  </p>
                                                  <img src="./images/jiadian05.webp" alt="" id="items1-img">
                                             </a>
                                            </div>
                                            <div>
                                                  <a href="#">
                                                      <p class="items1-more">
                                                            <span>浏览更多</span>
                                                            <br>
                                                            <span class="items1-pro">净水器</span></span>
                                                      </p>
                                                      <i class="iconfont icon-youjiantou1"></i>
                                                  </a>
                                            </div>
                                        </li>
                                   </ul>
                              </div>
                         </div>
                    </div>
                    <!-- 家电结束 -->

                       <!-- 智能家居开始 -->
                       <div class="elc">
                         <h2 class="title">智能家居
                              <a href="#" class="more">小爱音箱  门锁门铃  智能设备</i></a>
                         </h2>
                         <div class="elc-box">
                              <div class="elc-left">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/zn.webp" alt="">
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/zn2.webp" alt="">
                                             </a>
                                        </li>
                                   </ul>
                              </div>
                              <div class="elc-right">
                                   <ul>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/zn3.webp" alt="">
                                                  <h3 class="elc-name">Xiaomi智能家庭屏 10</h3>
                                                  <p class="elc-desc">MIUI Home｜10.1" 高清大屏｜115°超广角摄像头｜儿童模式｜家庭 KTV｜小爱同学</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian02.webp" alt="">
                                                  <h3 class="elc-name">米家新风空调 立式3匹</h3>
                                                  <p class="elc-desc">全屋快通风，就要大新风</p>
                                                  <p class="elc-price">6799元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起</p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian01.webp" alt="">
                                                  <h3 class="elc-name">小米电视S系列</h3>
                                                  <p class="elc-desc">144HZ超高刷 3+32G 多色温色彩还原技术性能旋风，席卷而来</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/zn3.webp" alt="">
                                                  <h3 class="elc-name">Xiaomi智能家庭屏 10</h3>
                                                  <p class="elc-desc">MIUI Home｜10.1" 高清大屏｜115°超广角摄像头｜儿童模式｜家庭 KTV｜小爱同学</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/zn3.webp" alt="">
                                                  <h3 class="elc-name">Xiaomi智能家庭屏 10</h3>
                                                  <p class="elc-desc">MIUI Home｜10.1" 高清大屏｜115°超广角摄像头｜儿童模式｜家庭 KTV｜小爱同学</p>
                                                  <p class="elc-price">2599元起<del>2999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items">
                                             <a href="#">
                                                  <img src="./images/jiadian02.webp" alt="">
                                                  <h3 class="elc-name">米家新风空调 立式3匹</h3>
                                                  <p class="elc-desc">全屋快通风，就要大新风</p>
                                                  <p class="elc-price">6799元起<del>6999元起</del></p>
                                             </a>
                                        </li>
                                        <li class="items1">
                                            <div>
                                             <a href="#">
                                                  <p class="items1-desc">
                                                       <span>米家迷你波轮洗衣机Pro 3kg</span>
                                                       <br>
                                                       <span id="items1-price">1599元</span>
                                                  </p>
                                                  <img src="./images/jiadian05.webp" alt="" id="items1-img">
                                             </a>
                                            </div>
                                            <div>
                                                  <a href="#">
                                                      <p class="items1-more">
                                                            <span>浏览更多</span>
                                                            <br>
                                                            <span class="items1-pro">净水器</span></span>
                                                      </p>
                                                      <i class="iconfont icon-youjiantou1"></i>
                                                  </a>
                                            </div>
                                        </li>
                                   </ul>
                              </div>
                         </div>
                    </div>
                     <!-- 智能家居结束 -->

                     <!-- 底部广告 -->
                    <div class="home-banner-bottom">
                         <a href="#">
                              <img src="./images/home05.webp" alt="">
                         </a>
                    </div>
               </div>
          </div>
          <!-- 主体部分结束 -->

          <!-- 页脚开始 -->
               <div class="footer">
                    <div class="wrap">
                         <div class="footer-service">
                              <ul>
                                   <li><a href="#"><i class="iconfont icon-weixiu"></i>预约维修服务</a></li>
                                   <li><a href="#"><i class="iconfont icon-tian"></i>7天无理由退货</a></li>
                                   <li><a href="#"><i class="iconfont icon-tianwuliyoutuihuo"></i>15天免费换货</a></li>
                                   <li><a href="#"><i class="iconfont icon-gift"></i>满69包邮</a></li>
                                   <li><a href="#"><i class="iconfont icon-dizhi"></i>1100余家售后网点</a></li>
                              </ul>
                         </div>
                         
                         <!-- foote右边 -->
                         <div class="footer-links">
                              <ul>
                                   <li><a href="#"></a></li>    
                              </ul>
                              <ul>
                                   <li>选购指南</li>
                                   <li><a href="#">手机</a></li>
                                   <li><a href="#">电视</a></li>
                                   <li><a href="#">笔记本</a></a></li>
                                   <li><a href="#">平板</a></li>
                                   <li><a href="#">穿戴</a></li>
                                   <li><a href="#">耳机</a></li>
                                   <li><a href="#">家电</a></li>
                                   <li><a href="#">路由器</a></li>
                                   <li><a href="#">音箱</a></li>
                                   <li><a href="#">配件</a></li>
                              </ul>
                              <ul>
                                   <li>服务中心</li>
                                   <li><a href="#">申请售后</a></li>
                                   <li><a href="#">售后政策</a></li>
                                   <li><a href="#">维修服务价格</a></li>
                                   <li><a href="#">订单查询</a></li>
                                   <li><a href="#">以旧换新</a></li>
                                   <li><a href="#">保障服务</a></li>
                                   <li><a href="#">防伪查询</a></li>
                                   <li><a href="#">F码通道</a></li>
                              </ul>
                              <ul>
                                   <li>线下门店</li>
                                   <li><a href="#">小米之家</a></li>
                                   <li><a href="#">服务网点</a></li>
                                   <li><a href="#">授权体验店/专区</a></li>
                              </ul>
                              <ul>
                                   <li>关于小米</li>
                                   <li><a href="#">了解小米</a></li>
                                   <li><a href="#">加入小米</a></li>
                                   <li><a href="#">投资者关系</a></li>
                                   <li><a href="#">可持续发展</a></li>
                                   <li><a href="#">廉洁举报</a></li>
                              </ul>
                              <ul>
                                   <li>关注我们</li>
                                   <li><a href="#">新浪微博</a></li>
                                   <li><a href="#">官方微信</a></li>
                                   <li><a href="#">联系我们</a></li>
                                   <li><a href="#">公益基金会</a></li>
                              </ul>

                              <div class="contact">
                                   <p class="tel">400-100-5678</p>
                                   <p class="time">8:00-18:00（仅收市话费）</p>
                                   <a href="#"><i class="iconfont icon-kefu"></i>人工客服</a>
                                   <p class="tel num">400-180-8888</p>
                                   <p class="time">8:00-18:00（仅收市话费）</p>
                                   <p class="detail">适用于：MIX FOLD、巨屏电视系列</p>
                                   <a href="#"><i class="iconfont icon-kefu"></i>人工客服</a>
                              </div>
                         </div>

                         <div class="footer-info">
                              <div class="info-top">
                                   <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png" alt="">
                                   <div class="info-right">
                                        <p>
                                             <a  href="//www.mi.com/shop" target="_blank">小米商城</a>
                                             <span class="sep">|</span>
                                             <a  href="//hyperos.mi.com/" target="_blank">小米澎湃OS</a>
                                             <span class="sep">|</span>
                                             <a  href="//home.mi.com/index.html" target="_blank">米家</a>
                                             <span class="sep">|</span>
                                             <a  href="http://www.miliao.com/" target="_blank">米聊</a>
                                             <span class="sep">|</span>
                                             <a  href="//www.duokan.com/" target="_blank">多看</a>
                                             <span class="sep">|</span>
                                             <a  href="//game.xiaomi.com/" target="_blank">游戏</a>
                                             <span class="sep">|</span>
                                             <a  href="//www.mi.com/music" target="_blank">音乐</a>
                                             <span class="sep">|</span>
                                             <a  href="//b.mi.com/?client_id=180100031058&masid=17409.0358" target="_blank">政企服务</a>
                                             <span class="sep">|</span>
                                             <a  href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                                             <span class="sep">|</span>
                                             <a  href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a>
                                             <span class="sep">|</span>
                                             <a  href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
                                                  target="_blank">小米公司儿童信息保护规则</a>
                                             <span class="sep">|</span>
                                             <a  href="//m.mi.com/support/module?id=63&headless=1" target="_blank">小米商城隐私政策</a>
                                             <span class="sep">|</span>
                                             <a  href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a>
                                             <span class="sep">|</span>
                                             <a  href="//static.mi.com/feedback/" target="_blank">问题反馈</a>
                                             <span class="sep">|</span>
                                             <a  href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a>
                                        </p>
                                        <p>
                                             <a  href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                                             <span class="sep">|</span>
                                             <a  href="http://www.cca.org.cn/" target="_blank">中国消费者协会</a>
                                             <span class="sep">|</span>
                                             <a  href="http://www.bj315.org/" target="_blank">北京市消费者协会</a>
                                        </p>
                                        <p>
                                             ©
                                             <a href="javascript:;" title="mi.com">mi.com 京ICP证110507号</a> 
                                             <a href="http://beian.miit.gov.cn/" target="_blank" >京ICP备10046444号</a>
                                             <a  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                                                  target="_blank">京公网安备11010802020134号</a>
                                             <a href="//www.mi.com/culture-license/" target="_blank">京网文[2023]0169-004号</a>
                                             <br />
                                             <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a>
                                             <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                                             <a href="//www.mi.com/business-license/" target="_blank">营业执照</a>
                                             <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a>
                                             <br />
                                             <a href="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/pc/5f93056c-bc30-401e-9526-66839114ffb9.png"
                                                  target="_blank">增值电信业务经营许可证编号：京B2-20180851 &nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;</a>
                                             <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png"
                                                  target="_blank">食品经营许可证 &nbsp;新出发京批字第直220280号</a>
                                             <br />
                                             <a href="https://www.mi.com/intellectual"
                                                  target="_blank">违法和不良信息举报电话：171-5104-4404&nbsp; 知识产权侵权投诉 &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
                                        </p>
                                        <div class="info-links">
                                             <a href="#">
                                                  <img src="./images/info01.png" alt="">
                                             </a>
                                             <a href="#">
                                                  <img src="./images/info02.png" alt="">
                                             </a>
                                             <a href="#">
                                                  <img src="./images/info03.png" alt="">
                                             </a>
                                             <a href="#">
                                                  <img src="./images/info04.png" alt="">
                                             </a>
                                          
                                        </div>
                                   </div>
                              </div>
                              <div class="info-bottom"></div>
                         </div>
                    </div>
               </div>
          <!-- 页脚结束 -->


          <script src="./js/banner.js"></script>


</html>